<!--<style>
  .MCUBE_MOD_ID_9887 .item .left-text {
    font-size: .29rem;
    margin-left: .11rem;
  }
  .MCUBE_MOD_ID_9887 .item.upcoming .buy-btn, .MCUBE_MOD_ID_9887 .item.unpay .buy-btn, .MCUBE_MOD_ID_9887 .item.ongoing .buy-btn, .MCUBE_MOD_ID_9887 .item.alertable .buy-btn {
    background-color: #f13e3a;
    border: 1px solid #f13e3a;
  }
  .MCUBE_MOD_ID_9887 .item .status-bar-box .status-bar-text {
    position: relative;
    z-index: 5;
    color: #333;
    display: inline-block;
    width: 100%;
  }
  .MCUBE_MOD_ID_9887 .item .status-bar-box .status-bar {
    position: absolute;
    height: 100%;
    width: 5%;
    background-color: #ffde6a;
    z-index: 1;
  }
  .MCUBE_MOD_ID_9887 .item .status-bar-box {
    text-align: center;
    border: 1px solid #f9c718;
    border-radius: 3px;
    line-height: .33rem;
    font-size: .22rem;
    margin: .18rem 0;
    width: 60%;
    height: .33rem;
    position: relative;
  }
  .MCUBE_MOD_ID_9887 .item.onecent {
    background-repeat: no-repeat;
  }
  .MCUBE_MOD_ID_9887 .buy-btn {
    display: inline-block;
    border-radius: 3px;
    padding: .09rem .484rem;
    font-size: .33rem;
    cursor: pointer;
  }
  .MCUBE_MOD_ID_9887 .item .buy-btn {
    color: #fff;
  }
  .MCUBE_MOD_ID_9887 .item.soldout .buy-btn, .MCUBE_MOD_ID_9887 .item.alertable .buy-btn.alerted {
    background-color: initial;
    border: 1px solid #f13e3a;
    color: #f13e3a;
  }
  .MCUBE_MOD_ID_9887 .item.soldout .status-text {
    margin: .04rem 0;
    font-size: .29rem;
    height: .57rem;
    line-height: 2;
  }
  .MCUBE_MOD_ID_9887 .item .price .old {
    font-size: .26rem;
    color: #999;
  }
  .MCUBE_MOD_ID_9887 .item .price .cur {
    font-size: .44rem;
    font-weight: 500;
    color: #f13e3a;
    margin: 0 .11rem;
  }
  .MCUBE_MOD_ID_9887 .item .price {
    color: #424242;
    line-height: .44rem;
    height: .44rem;
    font-size: .29rem;
    overflow: hidden;
  }
  .MCUBE_MOD_ID_9887 .text_hide {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .MCUBE_MOD_ID_9887 .yahei {
    font-family: Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑","宋体",Tahoma,Arial,Helvetica,"STHeiti";
  }
  .MCUBE_MOD_ID_9887 .content-body .item-list .item .item-detail .title {
    font-size: .31rem;
    padding-bottom: .11rem;
    overflow: hidden;
    color: #333;
  }
  .MCUBE_MOD_ID_9887 .content-body .item-list .item .item-detail {
    box-sizing: border-box;
    width: 64%;
    padding: 0 .11rem;
  }
  .MCUBE_MOD_ID_9887 .content-body .item-list .item .item-image {
    background: url(http://s18.mogucdn.com/p1/150914/upload_iezwgnbqmntdcmlbgmzdambqgyyde_190x190.png) no-repeat center center;
    background-size: cover;
    width: 36%;
    height: 0;
    padding-bottom: 36%;
    overflow: hidden;
  }
  .MCUBE_MOD_ID_9887 .item .corner-tag {
    width: .76rem;
    height: .79rem;
    position: absolute;
    top: .15rem;
    left: .15rem;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .MCUBE_MOD_ID_9887 a {
    text-decoration: none;
    color: #666;
  }
  .MCUBE_MOD_ID_9887 .item-list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #e5e5e5;
  }
  .MCUBE_MOD_ID_9887 .content-body .item-list .item {
    position: relative;
    height: 0;
    padding-bottom: 36%;
  }
  .MCUBE_MOD_ID_9887 .item-list {
    margin: 0 2%;
  }
  .MCUBE_MOD_ID_9887 .content-body {
    -webkit-transform: translate3d(0,-7px,0);
    transform: translate3d(0,-7px,0);
  }
  .MCUBE_MOD_ID_9887 .content-header .header-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #f13e3a;
  }
  .MCUBE_MOD_ID_9887 .content-header .header-list {
    display: none;
  }
  .MCUBE_MOD_ID_9887 .content-header {
    -webkit-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
  }
  .MCUBE_MOD_ID_9887 .content-header {
    background: #fff;
    padding: .35rem .2rem .25rem;
    font-size: .29rem;
  }
  body .content-box {
    box-sizing: content-box;
  }
  .MCUBE_MOD_ID_9887 .content-box {
    padding-bottom: .22rem;
  }


  .MCUBE_MOD_ID_9887 .nav-box-wrapper .active-arrow:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0;
    width: 0;
    margin: auto;
    border-top: .07rem solid #f13e3a;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
  }
  .MCUBE_MOD_ID_9887 .nav-box-wrapper .active-arrow {
    position: absolute;
    z-index: 20;
    height: .99rem;
    width: auto;
    top: 0;
    left: 40%;
    right: 40%;
    background: #f13e3a;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item.active .seckill-status {
    font-size: .29rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item.active .seckill-time {
    font-size: .33rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item.active {
    color: #fff;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item .seckill-status {
    font-size: .26rem;
    margin-top: 3px;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item .seckill-time, .MCUBE_MOD_ID_9887 .nav-box .nav-item .seckill-status {
    line-height: initial;
    height: auto;
    font-size: .31rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #aaa;
    text-align: center;
    position: relative;
    height: 100%;
    overflow: hidden;
    padding: 5px 0;
    box-sizing: border-box;
  }
  .MCUBE_MOD_ID_9887 ol, .MCUBE_MOD_ID_9887 ul {
    list-style: none;
  }
  .MCUBE_MOD_ID_9887 .nav-box .nav-list {
    -webkit-transition: -webkit-transform 0;
    transition: -webkit-transform 0;
    transition: transform 0;
    transition: transform 0,-webkit-transform 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    width: 100%;
  }
  .MCUBE_MOD_ID_9887 .nav-box-wrapper .nav-list {
    position: relative;
    z-index: 25;
    height: .99rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box-wrapper {
    height: .99rem;
    color: #999;
    background: #323232;
  }
  .MCUBE_MOD_ID_9887 .nav-box {
    position: relative;
    width: 100%;
    z-index: 10;
    margin-bottom: .11rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box-static, .MCUBE_MOD_ID_9887 .nav-box {
    height: 1.06rem;
  }
  .MCUBE_MOD_ID_9887 .nav-box {
    margin-bottom: 0;
    max-width: 750px;
    overflow-x: hidden;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  .MCUBE_MOD_ID_9887 * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .MCUBE_MOD_ID_9887 .module-wrapper {
    background: #fff;
  }
</style>-->
<template>

  <div class="module_row module_row_18135 MOD_ID_9887">

    <div class="mod_row MCUBE_MOD_ID_9887">

      <div class="module-wrapper module-B">

        <div class="nav-box">
          <div class="nav-box-wrapper">
            <ul class="nav-list">
              <li class="nav-item text-right"></li>
              <li class="nav-item text-left"></li>
              <li class="nav-item">
                <div class="seckill-time">16:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">19:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">21:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">22:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">23:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">10:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item active">
                <div class="seckill-time">12:00</div>
                <div class="seckill-status">已开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">13:00</div>
                <div class="seckill-status">快抢中</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">16:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">19:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">21:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">22:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">23:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">00:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">10:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">12:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item ">
                <div class="seckill-time">13:00</div>
                <div class="seckill-status">即将开抢</div>
              </li>
              <li class="nav-item text-right"></li>
              <li class="nav-item text-left"></li>
            </ul>
            <div class="active-arrow"></div>
          </div>
        </div>

        <div class="content-box">

          <div class="content">

            <div class="content-header">
              <div class="header-list " id="header-list-0">
                <div class="header-title">还有宝贝可以继续抢购哦</div>
                <div class="header-countdown"></div>
              </div>
            </div>

            <div class="content-body">
              <div class="item-list">
                <div class="J_dynamic-remove J_mod_show">

                  <a data-rush-id="132909" data-id="132909_2" class="J_mogu-link item soldout" href="http://m.mogujie.com/x6/detail/18ojc0c">
                    <span class="corner-tag" style="background-image:url(http://s17.mogucdn.com/p1/160504/upload_ifqtsyzuga2tcmrvhazdambqgyyde_76x79.png);"></span>
                    <div class="item-image lazy-load" img-src="http://s22.mogucdn.com/p1/160423/13hhn2_ifqtgy3cmm3dayjrhazdambqgyyde_640x640.jpg" data-004464522848375507="true" style="background-image: url(&quot;http://s22.mogucdn.com/p1/160423/13hhn2_ifqtgy3cmm3dayjrhazdambqgyyde_640x640.jpg_999x999.v1c0.webp&quot;);">
                    </div>
                    <div class="item-detail">
                      <div class="title text_hide yahei">可换颜色码数杨幂同款单鞋</div>
                      <div class="price text_hide">
                        <span>快抢价<span class="cur">¥39.90</span></span>
                        <del class="old">¥84.29</del>
                      </div>
                      <div class="status-text yahei">已售100件</div>
                      <div style="position: absolute; bottom: 2px;">
                        <span class="buy-btn soldout ">原价购买</span>
                      </div>
                    </div>
                  </a>

                  <a class="item onecent lazy-load" img-src="http://s7.mogucdn.com/p1/160509/2o_ifrdkodfgu2weyjwhazdambqmeyde_750x270.jpg" href="http://act.mogujie.com/fastbuy/onecent?ismobile=1&amp;mt=12.1112.r90414.3097&amp;acm=1.mce.2.1112.0.0.3097_90414" style="margin-bottom: 0px; background-image: url(&quot;http://s7.mogucdn.com/p1/160509/2o_ifrdkodfgu2weyjwhazdambqmeyde_750x270.jpg_999x999.v1c0.webp&quot;); background-size: 100%;" data-004464522848375507="true"></a>

                  <a data-rush-id="132571" data-id="132571_2" class="J_mogu-link item ongoing" href="http://m.mogujie.com/rush/seckill/15omm?itemId=18ph9ma" "=""><span class="corner-tag" style="background-image:url();"></span><div class="item-image lazy-load" img-src="http://s22.mogucdn.com/p1/160425/25zhml_ifrtonjvmy4domzshazdambqhayde_640x640.jpg" data-004464522848375507="true" style="background-image: url(&quot;http://s22.mogucdn.com/p1/160425/25zhml_ifrtonjvmy4domzshazdambqhayde_640x640.jpg_999x999.v1c0.webp&quot;);"></div><div class="item-detail"><div class="title text_hide yahei">T恤+牛仔群套装</div><div class="price text_hide"><span>快抢价<span class="cur">¥49.00</span></span><del class="old">¥93.00</del></div><div class="status-bar-box"><div class="status-bar" style="width: 73%;"></div><span class="status-bar-text text_hide">已抢购146件</span></div><div style="position: absolute; bottom: 2px;"><span class="buy-btn ongoing ">立即抢购</span><span class="left-text">仅剩54件</span></div></div></a>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>

    </div>

  </div>

</template>
